<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright (c) 2017 Contributors to the Eclipse Foundation
  ~
  ~ See the NOTICE file(s) distributed with this work for additional
  ~ information regarding copyright ownership.
  ~
  ~ This program and the accompanying materials are made available under the
  ~ terms of the Eclipse Public License 2.0 which is available at
  ~ http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
  ~ which is available at https://www.apache.org/licenses/LICENSE-2.0.
  ~
  ~ SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<div [class.hidden]="!loading">
    <winery-loader></winery-loader>
</div>
<div class="content" *ngIf="!loading">
    <b>Icon</b><br><br>
    <div class="typeIcon form-group"><img [src]="iconPath" height="100" width="100"></div>
    <winery-uploader #uploaderIcon id="selfServiceIconUploader"
                     [uploadUrl]="iconPath"
                     [uploadMethod]="'PUT'"
                     [isEditable]="sharedData?.currentVersion?.editable"
                     (onSuccess)="onUploadSuccess('Icon')">
    </winery-uploader>
    <br/>
    <b>Preview</b><br><br>
    <div class="typeIcon form-group"><img src="{{imagePath}}" height="100" width="100"></div>
    <winery-uploader #uploaderImage id="selfServiceImageUploader"
                     [uploadUrl]="imagePath"
                     [uploadMethod]="'PUT'"
                     [isEditable]="sharedData?.currentVersion?.editable"
                     (onSuccess)="onUploadSuccess('Preview image')">
    </winery-uploader>
    <br/>
</div>
